/*
 * @作者：814878176@qq.com
 * @时间：2020-04-01
 * @描述：公共组件样式
 * 		1、引入stylus公共样式变量及方法   @import "./var.styl"  
 */

@import "./var.styl"    
$imgPath = "~@/static/"

/* 固定在底部的操作按钮 */
.uni-fixed-bottom {
	position: fixed !important;
	bottom: 0;
	z-index: 1;
	width: 100%;
	box-sizing: border-box;
}

// 弹框的关闭按钮
.uni-popup__wrapper-box {
	position: relative;
	.close-btn {
		position: absolute;
		SetCenterX();
		bottom: 0upx;
		z-index: 99;
		width: 96upx;
		height: 96upx;
		background: rgba(255,255,255,0);
	}
	// 底部的确定按钮
	.ok-btn {
		position: absolute;
		SetCenterX();
		bottom: 158upx;
		z-index: 99;
		width: 280upx;
		height: 64upx;
		background: rgba(255,255,255,0);
	}
}

// 加载进度条
.bar-wrapper {
	position: absolute;
	width: 80%;
	height: 40upx;
	border-radius: 16upx;
	background: #4b763a;		
	// 中间的进度条
	.inwrapper {
		position: absolute;
		SetCenterY();
		left: 6upx;
		max-width: calc(100% - 12upx);
		width: 6%;
		height: 32upx;
		line-height: 32upx;
		text-align: center;
		border-radius: 12upx;
		background: #8bc05d;
	}
	// 进度数字
	.num {
		position: absolute;
		SetCenter();
		height: 32upx;
		line-height: 32upx;
		color: $Color1;
		font-size: 24upx;
	}
}


// 空白页面
.bank-wrapper {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 990;
	background-color: #fff;  //rgba(172, 203, 186, 1)
	.bar-wrapper {
		position: absolute;
		SetCenter();
	}
}




// 返回首页按钮
.back-home-btn {
	position: fixed;
	top: 50%;
	left: 0;
	z-index: 99;
	.uni-image {
		width: 100upx;
		height: 119upx;
	}
}